<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js" ></script>
    <style>
        .login{
            width: 600px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 600px;
            background-color: rgba(75, 81, 95, 0.3);
            box-shadow: 7px 7px 17px rgba(52, 56, 66, 0.5);
            border-radius: 300px;
        }

        .ab input {
            margin-left: 20px;
            border-radius: 5px;
            border-style: hidden;
            height: 23px;
            width: 140px;
            background-color:#f0edf3;
            color: grey;
            padding-left: 10px;
        }
        h3{
            font-size:36px;
            font-weight:bolder;
            font-family: 隶书;
            align:center;
            color: #034c50;
        }
        span{font-size: 20px;
            font-family: 隶书;}
    </style>
</head>
<body background="img/login背景.jpg" style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;">
<h2 style="text-align: center; color: cornflowerblue; font-family: '华文行楷'; font-size: 500%">图书管理系统</h2>

<div id="header"></div>
<div class="col-xs-6 col-md-offset-3" style="padding-top: 50px;position: relative">

    <div class="login">
        <div class="panel-body">
            <div>
                <h3>&nbsp&nbsp&nbsp&nbsp用户注册</h3>
            </div>
            <form action="reader_add" method="post" id="readeredit" >
                <div class="ab">
                    <div class="input-group" style="padding-top: 20px;">
                        <span>用&nbsp户&nbsp名:</span>
                        <input type="text" name="name" id="name"  >
                        <span></span>
                    </div>
                    <div class="input-group" style="padding-top: 20px;">
                        <span>密&nbsp&nbsp&nbsp&nbsp码:</span>
                        <input  type="password"  name="password" id="password">
                        <span></span>
                    </div>
                    <div class="input-group" style="padding-top: 20px;">
                        <span >确认密码:</span>
                        <input  type="password" name="ruserPassword" id="ruserPassword">
                        <span></span>
                    </div>
                    <div class="input-group" style="padding-top: 20px;">
                        <span >性&nbsp&nbsp&nbsp&nbsp别:</span>
                        <input type="text"  name="sex" id="sex" >
                        <span></span>
                    </div>
                    <div class="input-group" style="padding-top: 20px;">
                        <span>出生日期:</span>
                        <input type="text" class="Wdate"  id="birth" name="birth"
                               readonly="readonly" onclick="WdatePicker();">
                        <span></span>
                    </div>
                    <div class="input-group" style="padding-top: 20px;">
                        <span >居住地址:</span>
                        <input type="text"  name="address" id="address"  >
                        <span></span>
                    </div>
                    <div class="input-group" style="padding-top: 20px;">
                        <span >通讯电话:</span>
                        <input type="text"  name="phone" id="phone"  >
                        <span></span>
                    </div>
                </div>
                <div class="input-group" style="padding-top: 20px;">
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <input style="align-items: center" type="submit" value="注册" class="button">
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<button><a href="login" style="align-items: center" >返回</a></button>
                </div>

                <script>
                    function mySubmit(flag){
                        return flag;
                    }
                    $("#readeredit").submit(function () {
                        if($("#password").val()==''||$("#name").val()==''||$("#sex").val()==''||$("#birth").val()==''||$("#address").val()==''||$("#phone").val()==''){
                            alert("请填入完整读者信息！");
                            return mySubmit(false);
                        }
                    })
                </script>
            </form>
        </div>
    </div>

</div>
</div>
</body>
</html>
<input type="hidden" id="path" name="path" value="${pageContext.request.contextPath }"/>
<input type="hidden" id="referer" name="referer" value="<%=request.getHeader("Referer")%>"/>
<script type="text/javascript" src="static/calendar/WdatePicker.js"></script>
<script type="text/javascript" src="static/js/register.js"></script>
<script type="text/javascript" src="static/js/common.js"></script>


    
